<!--
 * @Author: Shber
 * @Date: 2024-07-01 15:49:30
 * @LastEditors: Shber
 * @LastEditTime: 2024-07-04 11:04:59
 * @Description: 
-->
<template>
<view class="content">
  <view class="fee_item white_card"> 
    <view class="title"><text>测试模版1</text> <view class="abs_btn">设为默认</view></view>
    <view class="desc mt_10"><text>计价方式：按重量计费</text></view>
    <view class="btn_group">
      <tm-button :shadow="0" class="btn" :transprent="true" size="small" outlined label="复制"></tm-button>
      <tm-button :shadow="0" class="btn" :transprent="true" size="small" outlined label="删除"></tm-button>
    </view>
    <!-- <image class="icon_default" mode="aspectFill" src="/static/img/default.png"></image> -->
  </view>
  <view class="fee_item white_card">
    <view class="title"><text>测试模版1</text> <view class="abs_btn">设为默认</view></view>
    <view class="desc mt_10"><text>计价方式：按重量计费</text></view>
    <view class="btn_group">
      <tm-button :shadow="0" class="btn" :transprent="true" size="small" outlined label="复制"></tm-button>
      <tm-button :shadow="0" class="btn" :transprent="true" size="small" outlined label="删除"></tm-button>
    </view>
    <!-- <image class="icon_default" mode="aspectFill" src="/static/img/default.png"></image> -->
  </view>

</view>

</template>
<script setup>

</script>
<style lang="scss" scoped>
.content{padding: 10px}
.fee_item{ 
  margin-bottom: 10px;
  .title{display:flex; font-size:14px; color: #333; justify-content: space-between;}
  .desc{font-size:12px; color: #666;}
}
.abs_btn{ font-size: 12px; color: #2DAED6;}
.icon_default{position: absolute; top: 0; right: -2px; z-index: 4;
    width: 34px; height: 34px; 
  }
.btn_group{display: flex; justify-content: flex-end;}
.btn{margin: 10px 0 0 10px !important;}
</style>